<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>Title</title>
    <script src="./jquery.min.js"></script>
</head>
<body>
<!--
添加新的 HTML 内容
我们将学习用于添加新内容的四个 jQuery 方法：
  append() - 在被选元素的结尾插入内容
  prepend() - 在被选元素的开头插入内容
  after() - 在被选元素之后插入内容
  before() - 在被选元素之前插入内容
-->

<p>java2426</p>

<script>

    $(function () {
        $("p").append('hello ')
        $("p").prepend('hello ')

        $('p').after('<h1>hello</h1>')
        $('p').before('<h1>hello</h1>')
    })

</script>

</body>
</html>